<template>
  <div id="app">
    <router-view /> 
  </div>
</template>
<script>
    
export default {
  name: "App",
  components: {  },  
  mounted() { 
    // this.changeTheme();
  },
  methods:{
    changeTheme(){
        let $body = document.body;
        // let themeName =  Math.random()<0.5?'theme-red':'';
        let themeName = '';
        $body.className = themeName;
        console.log($body);
    }
  }
};
</script>
<!-- <style lang="scss" scoped> 

// element-ui 表格样式--------------------------------------
::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #86caf0;
  border-color: #86caf0;
}

::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #86caf0;
  border-color: #86caf0;
}

::v-deep .el-table thead {
  color: #515558;
  text-align: center;
}

::v-deep .el-table--enable-row-transition .el-table__body td.el-table__cell {
  color: #999999;
  text-align: center;
}

::v-deep .el-table thead tr th {
  background-color: #f2f8fb;
  text-align: center;
}

::v-deep .el-table tr:nth-child(2n) {
  background-color: #f9f9f9;
}
// 结束 --------------------------------------------------

// 分页样式 ----------------------------------------------
::v-deep .number {
  border: solid 1px #e6e6e6;
  margin: 0 5px;
  border-radius: 5px;
  color: #666;
}

::v-deep .el-pager li {
  background: #fff;
  font-size: 13px;
  min-width: 30.5px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
}

::v-deep .el-pager li.active {
  background-color: #4895db;
  color: #fff;
  cursor: default;
}
// 结束 --------------------------------------------------
</style>  -->
